<!doctype html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
		<meta name="format-detection" content="telephone=no">
		<link href="../../sdk/ui.css" rel="stylesheet">
		<link href="style.css" rel="stylesheet">
		<script>
		//Android适配rem
		(function(){
			if (/Android (\d+\.\d+)/.test(navigator.userAgent)) {
				var version = parseFloat(RegExp.$1);
				if (version /*< 4.4*/) {
					var phoneScale = window.screen.availWidth / 640;
					var rootSize = parseInt(phoneScale * 100) + 'px';
					document.documentElement.style.fontSize = rootSize;
				}
			}
		})()
		</script>
	</head>
	<body class="flex-col">
		<div class="head">
	        <div class="title">HOME</div>
	    </div>
		<div class="flex-1 flex-col scroll_cont">
			<!-- banner -->
			<div class="rect-50 hide" id="slideWrap">
				<div class="_full" id="banner"></div>
			</div>
			<!-- UI展示 -->
			<div class="list">
				<div class="item">
					<p class="text-primary">主色</p>
				</div>
				<div class="item">
					<p class="text-success">操作成功</p>
				</div>
				<div class="item">
					<p class="text-info">提示信息</p>
				</div>
				<div class="item">
					<p class="text-warning">警告提示</p>
				</div>
				<div class="item">
					<p class="text-danger">危险操作！</p>
				</div>
			</div>
			<div class="list">
				<div class="item bg-primary">
					<p>bg-primary:Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
				</div>
				<div class="item bg-success">
					<p>bg-success:Duis mollis, est non commodo luctus, nisi erat porttitor ligula.</p>
				</div>
				<div class="item bg-info">
					<p>bg-info:Maecenas sed diam eget risus varius blandit sit amet non magna.</p>
				</div>
				<div class="item bg-warning">
					<p>bg-warning:Etiam porta sem malesuada magna mollis euismod.</p>
				</div>
				<div class="item bg-danger">
					<p>bg-danger:Donec ullamcorper nulla non metus auctor fringilla.</p>
				</div>
			</div>
			<div class="list">
				<div class="item">
					<button type="button" class="btn btn-block btn-default">（默认样式）Default</button>
				</div>
				<div class="item">
					<button type="button" class="btn btn-block btn-primary">（首选项）Primary</button>
				</div>
				<div class="item">
					<button type="button" class="btn btn-block btn-success">（成功）Success</button>
				</div>
				<div class="item">
					<button type="button" class="btn btn-block btn-info">（一般信息）Info</button>
				</div>
				<div class="item">
					<button type="button" class="btn btn-block btn-warning">（警告）Warning</button>
				</div>
				<div class="item">
					<button type="button" class="btn btn-block btn-danger">（危险）Danger</button>
				</div>
				<div class="item">
					<button type="button" class="btn btn-block btn-link">（链接）Link</button>
				</div>
			</div>
		</div>
		<div class="foot">
			<ul class="flex-row tabs tabs-ion-top">
				<li class="flex-1 tab-item cur" id="home"><i class="ion">&#xe67b;</i>首页</li>
				<li class="flex-1 tab-item" id="parts"><i class="ion">&#xe83b;</i>产品配件</li>
				<li class="flex-1 tab-item" id="cart"><i class="ion">&#xe690;</i>购物车</li>
				<li class="flex-1 tab-item" id="member"><i class="ion">&#xe867;</i>我的</li>
			</ul>
		</div>
	</body>
	<script src="../../config.js"></script><script src="../../sdk/modules/core.js" id="seajsnode" ></script>
	<script>
		seajs.use('./script')
	</script>
</html>